﻿body 
{
   background-image:url("../graphics/fondo_web.jpg");
    background-color:#666666;
    background-repeat:repeat;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color:black;
    
}

h1
{
    color:White;
}
    
p
{
    text-indent: 20px;
    height: 14px;
}

.titulo
{
    position:relative;
    background-image:url("../graphics/black_gr.jpg");
    background-repeat:repeat-x;
    background-color: black;
    margin:0px;
    height:auto;
    padding:20px;
    text-align:left;
}

.login
{
    float:right;
    color:White;
    vertical-align:middle;
}

.logp
{
    background-color:Black;
    text-align:center;
    padding:5px;
    width:100px;
    }


.contenedor
{
    border:1px;
    border-style:solid;
    border-color:#707070;
    background-color:#EBE1C2;
    margin:20px;   
    border-radius: 3px;
}

.subcontenedor
{
    padding:20px;
}


.menu{
   width: 147px;
   padding:10px;
}

.redesSociales {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.oferta {
    width:290px;
    height:auto;
    float:left;
    margin-left: 1px;
    margin-bottom: 1px;
}

.contenido
{
    position:relative;
    padding:20px;
    width: 80%;
    height:auto;
    padding:10px;
    text-align:left;
    top: -189px;
    left: 179px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    border-radius: 1px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #DCD2A5;
    color: black;
    display: block;
    line-height: 1.35em;
    padding: 8px 20px;
    text-decoration: none;
    white-space: nowrap;
    width:100px;
}

div.menu ul li a:hover
{
    background-color: #978E63;
    color: white;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}


.Perfil
{
    font-style: oblique;
    background-color:Gray;
    color:White;
}
  
.Perfil-div
{
     margin-left:2px;
}  


/* Inicio Estilo Reserva */

.reservaCalend {
  width: 800px;
  height: 150px;
} 

.IdaCalend {
  float: left;
  width: 200px;
}

.VueltaCalend {
  float: right;
  width: 300px;
  margin-left: 20px;
}

/* Calendario*/
.CalIda 
{
  margin-left: 20px;
    width: 90px;
}

.CalVuelta 
{
  margin-left: 20px;
}


/* Resto formulario reserva*/
.CantidadReserva
{
    width: 600px;
    height:30px;
}

.MargenTexto
{
   float: left;
   width: 80px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.MargenTextBox
{
  float: right;
  width: 450px;
  margin-left: 20px;
  height:20px;
}
/* Fin Estilo Reserva */

/* Contenedor general del visor */
.contenedorvisor {
position: relative;
width: 600px;
height: 560px;
margin: auto;
float: left;
text-align:center;
overflow: hidden;
    top: -7px;
    left: 87px;
}
.contenedorvisor a {
display: inline;
text-decoration: none;
}
/* Estilo miniaturas */
.miniatura {
width: 18%; /* 100/nºimágenes, 5 en el ejemplo */
margin:1px;
border: 3px solid black;
opacity: 1;
}
/* Estilo imagen principal */
.grande {
width:100%;
position: absolute;
top: 800px; /* Valor mayor que alto contenedor para ocultar todas las imágenes */
margin:0 auto;
text-align: center;
display: block;
-webkit-transition: top 1s ease;
-moz-transition: top 1s ease;
-o-transition: top 1s ease;
-ms-transition: top 1s ease;
transition: top 1s ease;
}
/* Relleno inicial del espacio para imagen principal */
.muestra {
opacity: .3;
width: 100%;
top: 169px;
    left: -14px;
}
/* Marcamos con un borde la miniatura seleccionada */
a:hover .miniatura {
border: 3px solid grey;
opacity: .5;
}
/* Movemos con transición la imagen seleccionada a la zona visible */
a:hover .grande {
    top: 170px;
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    -ms-transition: top 1s ease;
    transition: top 1s ease;
    z-index: 3;
}

/*estilo para registro de usuario */
.freg
{
    margin:5px;
}